<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的保单</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="wap-font-scale" content="no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="format-detection" content="telephone=no,email=no,address=no,date=no" />
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/public.css">
    <link rel="stylesheet" href="../../common/css/pages.css">
    <style>
        [v-cloak]{ display: none }
    </style>
    <script>
        /*我的保单*/
        window.onload=function(){
            if(baseAll.isMobileDevice()=='ios'){
                menuDiviceLoad.iosLoad();
            }
            baseAll.deviceReturn();
        }
    </script>
</head>
<body>
    <div class="top_fixed">
        <!--头部返回与标题-->
        <header id="top_back" class="txt_center">
            <a  href="javascript:;" class="back_btn"></a>
            <h3 class="tableBox">我的保单</h3>
        </header>
    </div>
    <div style="height:1.6rem"></div>
    <!-- section 主体 -->
    <div id="dataModePage">
        <!-- 无保单 -->
        <section class="none_policy txt_center"   v-if="policyCar==null||policyCar.hasIsurance==0" v-cloak>
            <div class="pic"><img src="../../common/image/no-policy.png" alt="" class="eq_resize"></div>
            <p>暂未投保！</p>
        </section>
        <!-- 保单信息 -->
        <section class="policy" id="policy"   v-if="policyCar!=null&&policyCar.hasIsurance!=0" v-cloak>
            <ul>
                <li>
                    <p>保险状态</p>
                    <span class="protect_ing" v-if="policyCar.isuranceEndTime>new Date().getTime()">正在保障中...</span>
                    <span class="protect_ing" v-if="policyCar.isuranceEndTime<=new Date().getTime()">保险失效...</span>
                </li>
                <li>
                    <p>姓名</p>
                    <span>{{policyPeople.name}}</span>
                </li>
                <li>
                    <p>身份证</p>
                    <span>{{policyPeople.idCard}}</span>
                </li>
                <li>
                    <p>保单号</p>
                    <span>{{policyCar.isuranceNo}}</span>
                </li>
                <li>
                    <p>车辆类型</p>
                    <span v-if="policyCar.carType==1">电瓶车</span>
                    <span v-if="policyCar.carType==2">摩托车</span>
                </li>
                <li>
                    <p>车牌号/车架号</p>
                    <span>{{policyCar.plateNo}}</span>
                </li>
                <li>
                    <p>电机号/发动机号</p>
                    <span>{{policyCar.engineNo}}</span>
                </li>
                <li>
                    <p>品牌型号</p>
                    <span>{{policyCar.bandNo}}</span>
                </li>
                <li>
                    <p>购买时间</p>
                    <span>{{dateToString(policyCar.isuranceEndTime)}}</span>
                </li>
                <li>
                    <p>联系方式</p>
                    <span>{{policyPeople.mobile}}</span>
                </li>
                <li>
                    <p>联系地址</p>
                    <span>{{policyPeople.address}}</span>
                </li>
            </ul>
            <p class="ag_bao">
                <a href="javascript:;" class="fr">《保险协议》</a>
            </p>
            <div class="gap_left_right txt_center" style="padding-bottom:1.5rem;">
                <button type="button" id="policy_wal" class="block sub_btn">保单续期</button>
                <a href="javascript:;" class="txt_block" id="wal_record">续期记录</a>
            </div>
        </section>
    </div>

</body>
</html>
<script src="../../common/script/phoneSize.js"></script>
<script src="../../common/script/jquery-1.11.2.js"></script>
<script src="../public/westv.js"></script>
<script src="../public/baseAll.js"></script>
<script src="../public/vue.js"></script>
<script src="../../common/script/public.js"></script>
<script src="../model/menu/menuDevice.js"></script>
<script>
    /*Android  数据获取  我的保单*/
    if(baseAll.isMobileDevice()=='android'){
        menuDiviceLoad.andoridLoad();
    }
</script>
